<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的优惠券</title>
		<link rel="stylesheet" type="text/css" href="css/public/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/public/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/indexPage.css"/>
		<link rel="stylesheet" type="text/css" href="css/userPage.css"/>
	</head>
	<body>
		<!-- header start -->
		<div id="header"></div>
		<!-- header end -->
		
		<!-- position start -->
		<div class="position">
			<div class="container">
				<ul>
					<li><a href="index_test.html">首页</a> > </li>
					<li><span>我的优惠券</span></li>
				</ul>
			</div>
		</div>
		<!-- position end -->
		
		<!--content start-->
		<div class="userContent">
			<div class="container clearfix">
				<div class="leftManage fl-l">
					<ul>
						<li>
							<span>账号管理</span>
							<ul>
								<li><a href="userPage.html">个人中心</a></li>
								<li><a href="address.html" >地址管理</a></li>
								<li><a href="#">我的积分</a></li>
							</ul>
						</li>
						<li>
							<span>交易管理</span>
							<ul>
								<li><a href="orderManage.html">订单管理</a></li>
								<li><a href="#" class="on">优惠券</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<div class="rightContent fl-r addressRightContent">
					<!--个人中心-->
					<div class="addressContent">
						<div class="emptyDiv">
							<div class="ifEmpty"></div>
							<div class="emptyText">
								<span>您还没有收货地址</span>
								<a href="#" data-toggle="modal" data-target="#myModal"  onclick='addAddress()'>新增地址</a>
							</div>
						</div>
						
						<div class="existAddress">
							<span>我的优惠券</span>
							<a href="#" data-toggle="modal" data-target="#myModal" onclick='addAddress()'>+新建地址</a>
						</div>
						<div class="addressList">
							<table class="" id="addressTable">
							  	<thead>
								    <tr>
								      	<th>收货人</th>
								      	<th>地址</th>
								      	<th>联系方式</th>
								      	<th>操作</th>
								      	<th></th>
								    </tr>
							  	</thead>
							  	<tbody>
								    
							  	</tbody>
							</table>
						</div>
					</div>
						
				</div>
			</div>
		</div>
		
		<!-- 模态框（Modal） -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title" id="myModalLabel">
							新建地址
						</h4>
					</div>
					<div class="modal-body">
						<form action="" class="clearfix" id="addAddressForm">
							<div class="addressInfo cityAddress">
								<label><span class="">*</span>所在地区：</label>
								<select name="" class="form-control info" id="cityName">
									<option value="">请选择</option>
									<option value="北京">北京</option>
									<option value="重庆">重庆</option>
								</select>
								<select name="" class="form-control info" id="areaName">
									<option value="">请选择</option>
									<option value="重庆">重庆市</option>
								</select>
								<select name="" class="form-control info" id="subAreaName">
									<option value="">请选择</option>
									<option value="合川">合川</option>
									<option value="永川">永川</option>
								</select>
							</div>
							
							<div class="addressInfo detailAddress form-group">
								<label style="margin-bottom: 20px;"><span class="mustEdit">*</span>详细地址：</label>
							    <textarea  type="text" class="form-control"  name="streetName"></textarea>
							</div>
							<div class="addressInfo fl-l">
								<label >&nbsp;&nbsp;<span class="mustEdit">*</span>收&nbsp;货&nbsp;人：</label>
							    <input type="text" class="form-control reciveMan" name="userName" id="" value="" />
							</div>
							<div class="addressInfo fl-r">
								<label><span class="mustEdit">*</span>手机号码：</label>
							    <input type="text" class="form-control telphone" name="tel" id="" value="" />
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-danger" id="saveAddressBtn" data-dismiss="modal" style="width: 80px;">确定</button>
						<button type="button" class="btn btn-default" id="cancelBtn" style="width: 80px;" data-dismiss="modal">取消</button>
					</div>
				</div><!-- /.modal-content -->
			</div><!-- /.modal -->
		</div>
		<!--content end-->
		
		<!--footer start-->
		<div id="footer"></div>
		<!--footer end-->
		
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/public.js"></script>
		<script type="text/javascript" src="js/pageJs/address.js"></script>
	</body>
</html>
